<!DOCTYPE html>
<html>
<head>
	<title>VueBook</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="./lib/element/index.css">
	<link rel="stylesheet" type="text/css" href="./css/styles.css">
</head>
<body>
	<div id="app">
    <el-menu theme="dark" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" :router="true">
		  <el-menu-item index="/">首页</el-menu-item>
		  <el-menu-item index="/link">链接</el-menu-item>
		</el-menu>
		<router-view></router-view>
  </div>
</body>
	<script src="./lib/vue/vue.js"></script>
	<script src="./lib/vue/vue-router.js"></script>
	<script src="./lib/vue/vue-resource.js"></script>
	<script src="./lib/element/index.js"></script>
	<script src="./js/components/book-list.js"></script>
	<script src="./js/components/book.js"></script>
	<script src="./js/router.js"></script>
	<script>
		const app = new Vue({
      el: '#app',
      router,
      data () {
        return {
	        activeIndex: '/',
	        
        }
      },
	    methods: {
	      handleSelect(key, keyPath) {
	        console.log(key, keyPath);
	      }
	    }
    })
	</script>
</html>